<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
    <script src="./config.js"></script>
    <style>
        html,body,#map{
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
        }
    </style>
</head>
<body>
    <div id="map"></div>
    <div style="display: none;">
        <!-- Popup -->
        <div id="popup" class="ol-popup">
            <a href="#" id="popup-closer" class="ol-popup-closer"></a>
            <div id="popup-content"></div>
        </div>
    </div>
    <!-- <div id="toolbar">
        <ul>
            <li>
                <a id="export-png" class="btn btn-default"><i class="fa fa-download"></i> 打印</a>
                <a id="image-download" download="map.png"></a>
            </li>
        </ul>
    </div> -->
    <div class="route">
        <fieldset style="display: none;">
            <legend>按顺序选择岛屿</legend>
            <ul id="island"></ul>
        </fieldset>
        <fieldset>
            <legend>选择起始点</legend>
            <div class="route-item">
                <span>起始点:</span>
                <input id="sPoint" placeholder="请选择登陆起点"/>
                <input id="sSelect" type="button" value="选择起点" />
            </div>
            <div class="route-item">
                <span>结束点:</span>
                <input id="ePoint" placeholder="请选择终点" />
                <input id="eSelect" type="button" value="选择终点" />
            </div>
            <div class="route-menu">
                <input id="doAnalysis" type="button" value="分析轨迹" />
                <input id="clear" type="button" value="清空" />
                <input id="show" type="button" value="演示轨迹" />
            </div>
        </fieldset>
    </div>

</body>
</html>